<template>
	<view>
		<view class="wanl-product">
			<!-- 普通布局 -->
			<view class="product_list" :class="dataStyle">
				<view class="item" v-for="(item, index) in dataList" :key="index" @tap="onShop(item.shopLink)">
					<view class="img-wrap"><image :src="item.image" mode="aspectFill"></image></view>
					<view class="content padding-xs">
						<view class="">
							<view class="text-cut-1">
								<text>{{ item.text }}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
/**
 * wanlProduct 商品
 * @description 商品组件 深圳前海万联科技有限公司 https://www.wanlshop.com（除万联官方内嵌系统，未经授权严禁使用）
 * @著作权：WanlShop 登记号：2020SR0255711 版本：V1.0.0
 * @property {Array} dataList 列表数据
 * @property {String} dataStyle 列表样式
 * @example <wanl-product />
 */
export default {
	name: 'wanlShop',
	props: {
		dataList: {
			type: Array,
			required: true,
			default: function() {
				return [];
			}
		},
		dataStyle: {
			type: String,
			default: 'col-2-20'
		}
	}
};
</script>
<style>
</style>
